<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>天算云主机</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta name="renderer" content="webkit">
  <meta name="force-rendering" content="webkit">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/fonts/iconfont.css">
  <link rel="stylesheet" href="css/style.css">
  <script src="js/jquery.min.js"></script>
  <script src="js/jquery.superslide.2.1.2.js"></script>
  <script src="js/main.js"></script>
  <meta name="keywords"  content="虚拟主机,域名注册,网站建设,美国空间,香港空间,东京空间,免备空间,VPS,服务器,wordpress空间" />
  <link rel="stylesheet" href="css/bootstrap.css">
  <style type="text/css">
    .container_lf{
      float: left;
      width: 100px;
    }
    .clear{
      clear: both;
    }
    .container_lf li{
      line-height: 40px;
      font-size: 15px;
    }
    .hide{
      display: none;
    }
    .container_rt{
      width: 970px;
      float: right;
    }
    .person-infor{
      line-height: 40px;
      font-size: 16px;
      font-weight: bold;
    }
    .person-content{
      width: 500px;
      margin: 0 auto;
    }
    .row_list{
      margin: 10px;
    }
    .head .nav ul li a{
      color: #333;
    }
    body{
      background-color: #edf4f5;
    }
    .cox-list{
      background-color: #fff;
      padding: 15px;
      border-right: 1px solid #edf4f5;
      min-height: 178px;
      line-height: 35px;
    }
    .cox-list2{

      padding: 15px;
      line-height: 35px;
    }
    .cox-list-title{
      font-size: 16px;
      font-weight: bold;
    }
    .cox-list-title2{
      font-size: 16px;
      font-weight: bold;
      padding-left: 30px;
    }
    .cox-list-lf{
      background-color: #edf4f5;
      line-height: 35px;
      font-size: 16px;
    }
    .cox-list-rt{
      background-color: #edf4f5;
      line-height: 35px;
      font-size: 16px;
    }
    .shenqing{
      color: #337ab7;
      cursor: pointer;
    }
    .row2{
      background-color: #fff;
      padding-bottom: 15px;
      margin-top: 10px;
    }
    .row2-col-list{
      margin-top: 10px;
      margin-left: 1px;
      margin-right: 1px;
    }
    .cox-list-lf{
      min-height: 70px;
    }
    .cox-list-rt{
      border-left: 1px solid #fff;
    }
    .cox-list-rt1{
     background-color: #edf4f5;
     border-left: 1px solid #edf4f5;
   }
   .iconfont1{
     font-size: 50px;
     line-height: 70px;
   }
 </style>

</head>
<body>
  <div class="head">
    <div class="container nav-box">
      <div class="logo">
        <a href="./index.html">
          <img src="images/skysuan.png" alt="天算主机">
        </a>
      </div>
      <div class="nav">
        <ul>
          <li><a href="./hosting.html">虚拟主机</a></li>
          <li><a href="./diy-hosting.html">弹性主机</a></li>
          <li><a href="./vps.html">VPS</a></li>
          <li><a href="./servers.html">服务器</a></li>
          <li><a href="./aboutus.html">关于我们</a></li>
          <li><a href="./control.html">控制器</a></li>
          <li class="c"></li>
        </ul>
      </div>
      <div class="user">
        <a href="log.html" class="r"><span>会员</span>登陆</a>
        <a href="reg.html" class="l">注册</a>
      </div>
      <hr class="c">
    </div>
    <div class="c"></div>
  </div>


  <div class="container">
    <div class="row">
      <div class="col-xs-4 cox-list">
        <p class="cox-list-title">待修复问题</p>
        <div class="col-xs-7 cox-list-lf">
          <div>云监控警告</div>
          <div>0</div>
        </div>
        <div class="col-xs-4 col-xs-offset-1 cox-list-rt1">
          <div>云主机安全</div>
          <div>0</div>
        </div>
      </div>

      <div class="col-xs-4 cox-list">
        <p class="cox-list-title">可用余额</p>
        <div>0待续费项(30天完成)</div>
        <div>待支付的订单</div>
        <div>待处理的订单</div>
      </div>


      <div class="col-xs-4 cox-list">
        <p class="cox-list-title">个人信息</p>
        <div>昵称:雨中忽悠</div>
        <div>邮箱:958501820@qq.com</div>
        <div class="shenqing"><a href="./fapiao.html">申请发票</a></div>
      </div>

    </div>
    <div class="row  row2">

      <div class="col-xs-12 cox-list2">
        <p class="cox-list-title2">使用中的云产品</p>
      </div>

      <div class="col-xs-4">
        <div class="row row2-col-list">
          <div class="col-xs-3 cox-list-lf">
            <div><i class="iconfont iconfont1 icon-vm"></i></div>
          </div>
          <div class="col-xs-9 cox-list-rt">
            <a href="./cloudhost/cloudhost.html">
            <div>云服务器</div>
            <div>0</div>
            </a>
          </div>
        </div>
      </div>

      <div class="col-xs-4">
        <div class="row row2-col-list">
          <div class="col-xs-3 cox-list-lf">
            <div><i class="iconfont iconfont1 icon-wangluo-yunluyouqi"></i></div>
          </div>
          <div class="col-xs-9 cox-list-rt">
            <div>私有网络</div>
            <div>0</div>
          </div>
        </div>
      </div>

      <div class="col-xs-4">
        <div class="row row2-col-list">
          <div class="col-xs-3 cox-list-lf">
            <div><i class="iconfont iconfont1 icon-yunjiexi"></i></div>
          </div>
          <div class="col-xs-9 cox-list-rt">
            <div>云解析</div>
            <div>0</div>
          </div>
        </div>
      </div>

      <div class="col-xs-4">
        <div class="row row2-col-list">
          <div class="col-xs-3 cox-list-lf">
            <div><i class="iconfont iconfont1 icon-yunfuwuqiECS"></i></div>
          </div>
          <div class="col-xs-9 cox-list-rt">
            <div>云虚拟主机</div>
            <div>0</div>
          </div>
        </div>
      </div>


    </div>
    <div class="clear"></div>
  </div>


  <iframe src="foot.html" id="foot"></iframe>
  <div id="kefu">
   <div id="kefutitle">QQ在线客服</div>
   <div id="qqlist">
    <h3>QQ客服</h3>
    <ul>
     <li>
      <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2665296159&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2665296159:51" alt="点击这里给我发消息" title="点击这里给我发消息"/>
      </a>
    </li>

    <li>
      <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1241486090&site=qq&menu=yes 

      "><img border="0" src="http://wpa.qq.com/pa?p=2:1241486090:51 

      " alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
    </li>
  </ul>
</div>
</div>
<script type="text/javascript">
 $(document).ready(function(){
  var elm_kefu = $('#kefu');
  var elm_title = $('#kefutitle');
  var is_open = false;
  elm_title.click(function(){
   if(is_open) {
    elm_title.css('background-position', '0px');
    elm_kefu.animate({right:'-152px',height:'160px'}, 500);
    is_open = false;
  } else {
    elm_title.css('background-position', '-40px');
    elm_kefu.animate({right:'0px',height:'165px'}, 500);
    is_open = true;
  }
});
});
</script>

</body>
</html>
